<div class="school-statistical-container w100 h100">
  <div class="list-box" *ngIf="!view">
    <div class="card">
      <div class="head flex flex-space-between flex-align-center">
        <div class="title">全校制度发布统计</div>
        <div class="slot-left">
          统计时间：<nz-range-picker [nzFormat]="'yyyy-MM-dd'" [(ngModel)]="statisticsTime"></nz-range-picker>
          <button nz-button nzType="primary" (click)="clickSearch()">查询</button>
        </div>
      </div>
      <div class="content">
        <div class="all-school">
          <div class="icon-box">
            <div class="item">
              <div class="icon-border" [ngStyle]="{background: colorArr[0]}">
                <i class="iconfont icon-wj-wjxg"></i>
              </div>
              <div class="right">
                <div class="tip">新增(份)</div>
                <div class="count">{{chartData.publishVO.create.allCount}}</div>
              </div>
            </div>
            <div class="item">
              <div class="icon-border" [ngStyle]="{background: colorArr[1]}">
                <i class="iconfont icon-wenjian1"></i>
              </div>
              <div class="right">
                <div class="tip">修订(份)</div>
                <div class="count">{{chartData.publishVO.modify.allCount}}</div>
              </div>
            </div>
            <div class="item">
              <div class="icon-border" [ngStyle]="{background: colorArr[2]}">
                <i class="iconfont icon-piliangtingyong"></i>
              </div>
              <div class="right">
                <div class="tip">停用(份)</div>
                <div class="count">{{chartData.publishVO.stop.allCount}}</div>
              </div>
            </div>
          </div>
          <div class="line-chart" id="lineChart"></div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="head flex flex-space-between flex-align-center">
        <div class="title">部门制度发布统计</div>
      </div>
      <div class="content">
        <div class="dept-box">
          <div class="bar-chart" id="barChart"></div>
          <div class="table-box">
            <div class="table-title">
              <div class="title">排行</div>
              <div class="title">发布部门</div>
              <div class="title">新增</div>
              <div class="title">修订</div>
              <div class="title">停用</div>
            </div>
            <div class="table-body">
              <div class="table-tr" *ngFor="let item of chartData.deptPublishVOList; let i = index;" (click)="changeDeptStatistical(item)">
                <div class="name">{{i + 1}}</div>
                <div class="name text-overflow" [title]="item.deptName">{{item.deptName}}</div>
                <div class="name">{{item.createCount}}</div>
                <div class="name">{{item.modifyCount}}</div>
                <div class="name">{{item.stopCount}}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="head flex flex-space-between flex-align-center">
        <div class="title">制度执行反馈情况</div>
      </div>
      <div class="content">
        <div class="institution-box">
          <div class="pie-chart chart" id="pieChart"></div>
          <div class="round-pie-chart chart" id="roundPieChart"></div>
          <div class="polar-bar-chart chart" id="polarBarChart"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="info-box" *ngIf="view">
    <div class="title flex flex-space-between flex-justify-start">
      {{schoolParam.deptName}}制度发布统计
      <div class="back-info operaFont" (click)="back()">
        返回上一级<i class="fa fa-reply m-l-sm"></i>
      </div>
    </div>
    <app-dept-statistical [schoolParam]="schoolParam"></app-dept-statistical>
  </div>
</div>
